<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />

    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../../css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="../../css/view/global.css" rel="stylesheet">
    <link rel="stylesheet" href="../../css/view/book_product/style.css">
</head>

<body class="white-bg">
<div class="container-box-width">
    <div class="page-title">
        <div class="title">订货清单</div>
    </div>
   <div class="order_list">
       <div class="order_title">
           <div class="width_60 tac">产品</div>
           <div class="width_10 tac">单价</div>
           <div class="width_10 tac">数量</div>
           <div class="width_10 tac">小计</div>
           <div class="width_10 tac">操作</div>
       </div>
       <div class="main-box" id="shoppingcart_list">


       </div>
       <div class="submit_btn_box" style="display: none;">
           <div class="submit_btn" data-target="#addressModal" data-toggle="modal">去结算</div>
           <div class="count_box">
               <p>共 <span id="count_num">100</span> 件商品</p>
               <p style="margin-top: 5px">总价 <span id="count_price">100000</span> 元</p>
           </div>
           <div class="clear_shoppingcart" >清空购物车</div>
       </div>
   </div>
</div>



<!--M5DAL add to order-->
<div class="modal fade" id="numModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="numModalLabel">修改订货数量</h4>
            </div>
            <div class="modal-body">
                <input type="hidden" id="shoppingcart_id">
                <input type="hidden" id="shoppingcart_price">
                <div class="form-group">
                    <label for="f_name">产品名称：</label>
                    <input type="number" class="form-control"  placeholder="请输入您的订货数量" disabled id="f_name">
                </div>
                <div class="form-group">
                    <label for="f_name">订货数量：</label>
                    <input type="number" class="form-control"  placeholder="请输入您的订货数量" id="f_num">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn themeBgColor" id="submit_foods_btn" style="color:#fff;">确认</button>
            </div>
        </div>

    </div>
</div>

<!--支付modal-->
<div class="modal fade" id="payModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index: 2000;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"  aria-label="Close"><span aria-hidden="true" class="close-pay-box">&times;</span></button>
                <h4 class="modal-title" id="payModalLabel">支付窗口</h4>
            </div>
            <div class="modal-body">
                <p style="text-align: center;margin-bottom: 20px">欢迎使用微信</p>
                <div id="qrcode"></div>
                <p style="text-align: center;margin: 20px 0 30px 0">微信扫码，立即支付</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" class="close-pay-box">关闭</button>
                <!--<button type="button" class="btn themeBgColor" id="submit_foods_btn" style="color:#fff;">确认</button>-->
            </div>
        </div>

    </div>
</div>
<!--MODAL -->
<div class="modal fade" id="addressModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="addressModalLabel">请填写收货信息</h4>
            </div>
            <div class="modal-body">
                <div class="address-box">
                    <div>省：</div>
                    <select class="form-control" id="province">
                        <option value="-1">请选择</option>
                    </select>
                    <div class="cityTxt" style="margin-left: 10px">市：</div>
                    <select class="form-control"  id="city" >
                        <option value="-1">请选择</option>
                    </select>
                    <div class="cityTxt" style="margin-left: 10px">区：</div>
                    <select class="form-control"  id="area" >
                        <option value="-1">请选择</option>
                    </select>
                </div>
                <div class="form-group" style="margin-top: 15px">
                    <label for="f_name" style="font-weight: normal">详细地址：</label>
                    <input type="text" class="form-control"  placeholder="请输入您的详细地址" id="address">
                </div>
                <div class="form-group">
                    <label for="f_name" style="font-weight: normal">收货人：</label>
                    <input type="text" class="form-control"  placeholder="请输入收货人" id="name">
                </div>
                <div class="form-group">
                    <label for="f_name" style="font-weight: normal">联系电话：</label>
                    <input type="text" class="form-control"  placeholder="请输入联系电话" id="phone">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn themeBgColor" id="submit_address_btn" style="color:#fff;">确认</button>
            </div>
        </div>

    </div>
</div>

<script src="../../js/jquery.min.js?v=2.1.4"></script>
<script src="../../js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../js/to_code/qrcode.min.js"></script>
<script src="../../js/plugins/jeditable/jquery.jeditable.js"></script>
<!--paging-->
<script src="../../js/my-js/paging.js"></script>
<!-- 自定义js -->
<script src="../../js/my-js/global.js"></script>
<script src="../../js/my-js/provinceList.js"></script>
<script src="../../js/view/book_page/shoppingcart.js"></script>
</body>

</html>
